const FooterBar = {
  name: 'FooterBar',
  template: `
  <footer>
    <div class="main-footer">
      <div class="container">
        <div class="row">
          <div class="footer-top clearfix">
            <div class="col-md-2 col-sm-6">
              <h2>Start a free account today</h2>
            </div>
            <div class="col-md-6 col-sm-6">
              <div class="form-box">
                <input type="text" placeholder="Enter yopur e-mail" />
                <button>Continue</button>
              </div>
            </div>
            <div class="col-md-4 col-sm-12">
              <div class="help-box-f">
                <h4>Question? Call us on 12 34 56 78 for help</h4>
                <p>
                  Easy setup - no payment fees - up to 100 products for free
                </p>
              </div>
            </div>
          </div>
          <div class="footer-link-box clearfix">
            <div class="col-md-6 col-sm-6">
              <div class="left-f-box">
                <div class="col-sm-4">
                  <h2>SELL ON chamb</h2>
                  <ul>
                    <li><a href="#">Create account</a></li>
                    <li>
                      <a href="howitworks.html">How it works suppliers</a>
                    </li>
                    <li><a href="pricing.html">Pricing</a></li>
                    <li><a href="#">FAQ for Suppliers</a></li>
                  </ul>
                </div>
                <div class="col-sm-4">
                  <h2>BUY ON chamb</h2>
                  <ul>
                    <li><a href="#">Create account</a></li>
                    <li><a href="#">How it works buyers</a></li>
                    <li><a href="#">Categories</a></li>
                    <li><a href="#">FAQ for buyers</a></li>
                  </ul>
                </div>
                <div class="col-sm-4">
                  <h2>COMPANY</h2>
                  <ul>
                    <li><a href="about-us.html">About chamb</a></li>
                    <li><a href="#">Contact us</a></li>
                    <li><a href="#">Press</a></li>
                    <li><a href="#">Careers</a></li>
                    <li><a href="#">Terms of use</a></li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-md-6 col-sm-6">
              <div class="right-f-box">
                <h2>INDUSTRIES</h2>
                <ul class="col-sm-4">
                  <li><a href="#">Textiles</a></li>
                  <li><a href="#">Furniture</a></li>
                  <li><a href="#">Leather</a></li>
                  <li><a href="#">Agriculture</a></li>
                  <li><a href="#">Food & drinks</a></li>
                </ul>
                <ul class="col-sm-4">
                  <li><a href="#">Office</a></li>
                  <li><a href="#">Decoratives</a></li>
                  <li><a href="#">Electronics</a></li>
                  <li><a href="#">Machines</a></li>
                  <li><a href="#">Building</a></li>
                </ul>
                <ul class="col-sm-4">
                  <li><a href="#">Cosmetics</a></li>
                  <li><a href="#">Health</a></li>
                  <li><a href="#">Jewelry</a></li>
                  <li><a href="#">See all here</a></li>
                </ul>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="copyright">
      <div class="container">
        <div class="row">
          <div class="col-md-8">
            <p>
              <img width="90" src="../../HandleAllPageComponent/demo1/assets/images/logo.png" alt="#" style="margin-top: -5px" />Copyright &copy; 2021.Company
              name All rights reserved.
            </p>
          </div>
          <div class="col-md-4">
            <ul class="list-inline socials">
              <li>
                <a href="">
                  <i class="fa fa-facebook" aria-hidden="true"></i>
                </a>
              </li>
              <li>
                <a href="">
                  <i class="fa fa-twitter" aria-hidden="true"></i>
                </a>
              </li>
              <li>
                <a href="">
                  <i class="fa fa-instagram" aria-hidden="true"></i>
                </a>
              </li>
              <li>
                <a href="#">
                  <i class="fa fa-linkedin" aria-hidden="true"></i>
                </a>
              </li>
            </ul>
            <ul class="right-flag">
              <li>
                <a href="#"><img src="../../HandleAllPageComponent/demo1/assets/images/flag.png" alt="" /> <span>Change</span></a>
              </li>
            </ul>
          </div>
        </div>
      </div>
    </div>
  </footer>
  
  `
}
export default FooterBar
